<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

    <div th:replace="header :: commonheader"></div>
    <style>
        .h-sites-title h2 a:hover {
            color: #ffea00
        }

        .h-sites-list li {
            display: block;
            float: left
        }

        .h-sites-list {
            margin-top: -35px;
        }

        .h-sites-list .container li {
            width: 31%;
            margin-left: 19px;
            margin-bottom: 40px;
        }

        .h-sites-list li .h-site-item {
            position: relative;
            overflow: hidden;
            text-align: center
        }

        .h-sites-list li .h-site-item .h-site-item-info::after,
        .h-sites-list li .h-site-item .h-site-item-info::before {
            pointer-events: none
        }

        .h-sites-list li .h-site-item .h-site-item-info,
        .h-sites-list li .h-site-item .h-site-item-info>a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .h-sites-list li .h-site-item .h-site-item-info>a {
            z-index: 1000;
            text-indent: 200%;
            white-space: nowrap;
            font-size: 0;
            opacity: 0
        }

        .h-sites-list li .h-site-item .h-site-item-info {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            top: auto;
            bottom: 0;
            padding: 11px 20px 0;
            height: 25%;
            /* background: #349dd4; */
            color: #3c4a50;
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            background: #000000 none repeat scroll 0 0;
            opacity: 0.8;
        }

        .h-sites-list li .h-site-item .list-site-info {
            float: left;
            display: block;
        }

        .h-sites-list li .h-site-item h3,
        .h-sites-list li .h-site-item p {
            margin: 0;
            text-align: left
        }

        .h-sites-list li .h-site-item h3 {
            display: block;
            font-size: 0.875em;
            font-weight: 800;
            margin-bottom: 5px
        }

        .h-sites-list li .h-site-item h3 a {
            color: #000;
        }

        .h-sites-list li .h-site-item h3 a:hover {
            color: #673ab7;
        }

        .h-sites-list li .h-site-item .list-site-by {
            display: block;
            font-size: .75em;
            font-weight: 400;
            text-align: left
        }

        .h-sites-list li .h-site-item:hover .h-site-item-info,
        .h-sites-list li .h-site-item:hover .icon-links a,
        .h-sites-list li .h-site-item:hover h3 {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .h-sites-list li .h-site-item:hover h3 {
            -webkit-transition-delay: .05s;
            transition-delay: .05s;
        }

        .h-sites-list li .h-site-item:hover .icon-links a:nth-child(2) {
            -webkit-transition-delay: .15s;
            transition-delay: .15s;
        }

        .h-sites-list li .h-site-item:hover .icon-links a:first-child {
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
        }

        .h-sites-list li .h-site-item .list-site-info {
            float: left;
            display: block;
        }

        .h-sites-list li .h-site-item h3,
        .h-sites-list li .h-site-item p {
            margin: 0;
            text-align: left
        }

        .h-sites-list li .h-site-item h3 {
            display: block;
            font-size: 0.875em;
            font-weight: 800;
            margin-bottom: 5px
        }

        .h-sites-list li .h-site-item h3 a {
            color: #000
        }

        .h-sites-list li .h-site-item h3 a:hover {
            color: #673ab7
        }
        .el-carousel__mask{
            background-color: rgba(255, 255, 255, .7);
        }

    </style>
</head>
<body>
<div th:replace="header :: commonnav"></div>

<div id="indexDom"  class="main-page-box" v-cloak>
    <el-carousel style="width: 100%; padding-bottom: 20px;" :interval="4000" indicator-position="none" type="card" height="500px">
        <el-carousel-item th:each="banner,bannerId:${banners}">
            <a th:if="${not #strings.isEmpty(banner.url)}" th:href="${banner.url}">
                <img th:src="${banner.thumb+'?x-oss-process=image/resize,m_fill,h_493,w_845'}" style="width:100%;height:auto;">
            </a>
            <a th:unless="${not #strings.isEmpty(banner.url)}" href="javascript:void(0);">
                <img th:src="${banner.thumb}" style="width:100%;height:auto;">
            </a>

        </el-carousel-item>
    </el-carousel>


<!--    <div class="successcase">-->

<!--        <div class="firsttitle">-->
<!--            <h2><a href="/case/">成功案例</a></h2>-->
<!--            <label class="gang"></label>-->
<!--            <span class="bei">CHENGGONGANLI</span>-->
<!--        </div>-->
<!--        <style type="text/css">-->
<!--            #slide {-->
<!--                overflow: hidden;-->
<!--                width: 99%;-->
<!--                margin: auto;-->
<!--            }-->

<!--            ul {-->
<!--                list-style: none;-->
<!--            }-->

<!--            li {-->
<!--                float: left;-->
<!--            }-->

<!--            .slideul1 {-->
<!--                width: 3999px;-->
<!--            }-->

<!--            .text-inner a {-->
<!--                color: #fff !important;-->

<!--            }-->
<!--            .text-inner a:hover{text-decoration:none;list-style:none; color:#fff !important; }-->
<!--        </style>-->
<!--        <script type="text/javascript">-->
<!--            $(function () {-->
<!--                var _licbg = $(".cbg-img");-->

<!--                _licbg.hover(function () {-->
<!--                    $(this).find('div.text-outer').css("display", "");-->
<!--                }, function () {-->
<!--                    //离开继续调用-->
<!--                    $(this).find('div.text-outer').css("display", "none");-->
<!--                });-->
<!--            });-->
<!--        </script>-->
<!--        <div class="image-rotation">-->
<!--            <el-carousel height="219px" :interval="5000" :autoplay="false">-->
<!--                <th:block th:with="groupSize=6, groupCount=${(casearticles.size() + groupSize - 1) / groupSize}">-->
<!--                    <el-carousel-item th:each="groupIndex : ${#numbers.sequence(0, groupCount - 1)}" style="width: 108%;">-->
<!--                        <ul class="slideul2">-->
<!--                            <li th:each="item, itemIndex : ${casearticles.subList(groupIndex * groupSize, ((groupIndex + 1) * groupSize &lt;= casearticles.size()) ? (groupIndex + 1) * groupSize : casearticles.size())}" class="cbg-img">-->
<!--                                <img th:src="${item.thumb+'?x-oss-process=image/resize,m_fill,h_215,w_287'}" style="width:320px;height:215px">-->
<!--                                <div class="text-outer" style="display:none;">-->
<!--                                    <div class="text-inner">-->
<!--                                        <a style="color: #fff;" th:href="'/new/'+${item.id}+'.html'" th:text="${item.title}" target="_blank"></a>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </li>-->
<!--                        </ul>-->
<!--                    </el-carousel-item>-->
<!--                </th:block>-->

<!--            </el-carousel>-->
<!--        </div>-->

<!--    </div>-->


<!--    <div class="firstpart spacing">-->
<!--        <section class="firstpartone spacingtwo h-sites">-->

<!--            <div class="firsttitle">-->
<!--                <h2><a href="/new/">新闻动态</a></h2>-->
<!--                <label class="gang"></label>-->
<!--                <span class="bei">XINWENDINGTAI</span>-->
<!--                <p style="text-align:center">向技术要效益，科学永远是生产力。选矿试验是开启矿业投资成功的钥匙！</p>-->
<!--            </div>-->
<!--            <div class="sites-list h-sites-list">-->
<!--                <ul class="sites-list-item container">-->

<!--                    <li th:each="tui,tuiId:${tuiarticles}">-->
<!--                        <div class="site-item h-site-item">-->
<!--                            <a th:href="${'/new/'+tui.id+'.html'}" target="_blank"><img th:src="${tui.thumb+'?x-oss-process=image/resize,m_fill,h_215,w_287'}"></a>-->
<!--                            <div class="site-item-info h-site-item-info">-->
<!--                                <div class="list-site-info">-->
<!--                                    <h3 style="font-size:small;margin-top:10px;color: #fff;" th:text="${tui.title}"></h3>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </li>-->
<!--                </ul>-->

<!--                <style>-->
<!--                    .list-main a:hover{text-decoration:none;list-style:none; color:#0084c9 !important; }-->
<!--                </style>-->

<!--                <ul class="list-main">-->

<!--                    <li><a href="/new/47.html" target="_blank">所有成长，都是厚积薄发——天宙集团开展关于选矿承包的培训</a></li>-->

<!--                    <li><a href="/new/49.html" target="_blank">抓管理.重流程，努力提高产品质量</a></li>-->

<!--                    <li><a href="/new/55.html" target="_blank">“东大情”一脉相承，生生不息。</a></li>-->

<!--                    <li><a href="/new/56.html" target="_blank">天宙集团与新疆丰源新茂矿业达成战略合作关系</a></li>-->

<!--                    <li><a href="/new/57.html" target="_blank">天乐公司嵩县山金项目部组织开展安全生产教育培训</a></li>-->

<!--                    <li><a href="/new/60.html" target="_blank">天宙集团召开天道研究院战略发展规划会议</a></li>-->

<!--                    <li><a href="/new/64.html" target="_blank">天宙集团18周年生日快乐！</a></li>-->

<!--                    <li><a href="/new/65.html" target="_blank">聚力新征程 奋进正当时——天宙集团召开中高层管理工作会议</a></li>-->

<!--                    <li><a href="/new/66.html" target="_blank">热烈祝贺天宙集团与陕西磊鑫矿业签定1000吨金矿选矿厂承包合作！</a></li>-->


<!--                </ul>-->
<!--            </div>-->
<!--            <div class="first-button spacing"><a href="/new/" target="_blank">更多新闻内容请点击</a></div>-->

<!--        </section>-->
<!--    </div>-->

    <div class="firstpart" style="padding: 0px;">
        <div class="firstpartone">
            <div class="firsttitle">
                <h2><a href="#">发展历程</a></h2>
                <label class="gang"></label>
                <span class="bei">DEVELOPMENT</span>
            </div>
        </div>
    </div>

    <link rel="stylesheet" type="text/css" th:href="@{~/css/style-shijian.css}">
    <link rel="stylesheet" type="text/css" th:href="@{~/css/swiper.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{~/css/iconfont.css}">

    <div class="about-main2" style="background-image: url(/images/lc_bg.png);">
        <div class="licheng-bg">
            <img src="https://file.xatianzhou.com/images/lc-quxian.png" class="quxian">
            <div class="warper pr">
                <div class="licheng-content swiper-container">
                    <div class="swiper-wrapper" style="width: 4800px; height: 707px;">
                        <div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 1200px; height: 707px;">
                            <ul class="clearfix">
                                <li class="item1">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <i class="line"></i> <span class="date">2003</span>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>公司成立</h3>
                                                <p>2003年12月14日，西安天宙公司成立。</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item2">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2005</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>选矿技术网</h3>
                                                <p>选矿技术网成功上线！</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item3">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <i class="line"></i> <span class="date">2007</span>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>矿权交易</h3>
                                                <p>矿权交易中心正式成立！</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item4">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2008</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>矿山设计研究所</h3>
                                                <p>正式成立</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item5">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <i class="line"></i> <span class="date">2011</span>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>选矿厂</h3>
                                                <p>2011年，承包嵩县山金矿业九仗沟金矿。</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="swiper-slide" style="width: 1200px; height: 707px;">
                            <ul class="clearfix">
                                <li class="item1">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <i class="line"></i> <span class="date">2014</span>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>搬迁</h3>
                                                <p>2014年，公司总部乔迁到西安高新区CBD中心！</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item2">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2015</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>成立4个分公司</h3>
                                                <p>3月2日，西安天仁矿业信息科技有限公司正式成立。</p>
                                                <p>3月17日，西安天道矿产品研究院有限公司正式成立。</p>
                                                <p>4月25日，西安天道矿产品研究院有限公司在航天基地正式揭牌成立。</p>
                                                <p>10月14日，西安天慧矿山工程监理有限公司正式成立。</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item1">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2016</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>承包金矿选矿厂</h3>
                                                <p>8月5日，西安天易贸易有限公司正式成立。</p>

                                                <p>参与主办2016矿业全产业链大会。承包福建源鑫矿业1000t/d金矿选矿厂</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item4">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2017</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>成立2家分公司</h3>
                                                <p>2月24日，西安天诚矿业环保科技有限公司正式成立。</p>
                                                <p>2月24日，西安天聪智能矿山科技有限公司正式成立。</p>
                                                <p>10月13日，集团公司正式成立。</p>
                                                <p>成功举办两届中国矿业权信息交流大会。</p>
                                                <p>参与举办2017矿业全产业链大会。中国选矿技术网改版升级。</p>
                                                <p>矿业人APP上线。</p>
                                                <p>参与主办2016矿业全产业链大会。承包福建源鑫矿业1000t/d金矿选矿厂</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="swiper-slide" style="width: 1200px; height: 707px;">
                            <ul class="clearfix">
                                <li class="item1">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <i class="line"></i> <span class="date">2018</span>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>第三届矿业权大会</h3>
                                                <p>10月29日，举办天宙集团15周年庆典。</p>
                                                <p>12月8日，成功举办第三届中国矿业权信息交流大会。</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item2">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2019</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>第四届矿业权大会</h3>
                                                <p>成功举办第四届中国矿业权信息交流大会。</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item1">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2020</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>第五届矿业权大会</h3>
                                                <p>天宙集团被认定为国家“高新技术企业”！</p>
                                                <p>成功举办第五届国际矿业权信息交流大会。</p>
                                                <p>成功举办“2020第二届全国选矿设备管理与创新大会”</p>
                                                <p>成功举办“2020第二届全国选矿设备管理与创新大会”</p>
                                                <p>天乐矿山驻洛阳丰瑞项目部正式成立！</p>
                                                <p>荣获“第四届全国设备管理与技术创新成果二等奖”！</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item4">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2021</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>专题培训会</h3>
                                                <p>举办铁矿选矿实用技术培训班</p>
                                                <p>举办金矿选矿实用技术培训班</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="swiper-slide" style="width: 1200px; height: 707px;">
                            <ul class="clearfix">
                                <li class="item1">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2022</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>第六届矿业权信息交流会</h3>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="item4">
                                    <a class="clearfix">
                                        <div class="lc-left">
                                            <span class="date">2023</span>
                                            <i class="line"></i>
                                        </div>
                                        <div class="lc-right">
                                            <div class="right-text">
                                                <h3>全国矿用新药剂新技术应用交流会</h3>
                                                <p>全国矿用设备管理与创新大会</p>
                                                <p>矿业全产业链科技大会暨天宙集团二十周年</p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--按钮-->
                    <div class="lc-swiper-btn">
                        <a class="btn-prev fl"><i class="iconfont"></i></a>
                        <a class="btn-next fr"><i class="iconfont"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="successcase">
        <div class="honor">
            <div class="firsttitle">
                <h2><a href="/rongyu/">公司荣誉</a></h2>
                <label class="gang"></label>
                <span class="bei">GONGSIRONGYU</span>
                <p>国家质量技术监督局颁发的CMA计量认证资质、国家认可委颁发的CNAS认证资质对天道研究院而言，
                    既是一种认可，更是一种督促与责任。研究院全体战士胸怀矿业技术研究及服务，身兼推动矿业发展之重任，诠释出精于专业、优于细致 的形象风采，潜心研究，创新进取。</p>
            </div>
            <div class="honoritem spacing">
                <div class="honorpic">
                    <img src="https://file.xatianzhou.com/images/test/pichonor.jpg">
                </div>
                <div class="first-button spacing"><a href="/rongyu/" target="_blank">更多荣资质誉请点击</a></div>
            </div>
        </div>
    </div>

    <div id="logoWall">
        <a ></a>
        <div class="logoWallMan">
            <div>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo1.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo1-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo2.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo2-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo3.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo3-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo4.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo4-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo5.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo5-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo6.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo6-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo7.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo7-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo8.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo8-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo9.jpg"></i>
                    <span><img src="/template/default/picture/hezuo9-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo10.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo10-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo11.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo11-2.jpg"></span>
                </a>
            </div>
            <div>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo12.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo12-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo13.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo13-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo14.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo14-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo15.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo15-2.jpg"></span>
                </a>
                <a class="notHover" style="width:27.27272727272727%;">
                    <span>
                        <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuotitle3.jpg"></span>
                    </span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo17.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo17-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo16.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo16-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo18.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo18-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo19.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo19-2.jpg"></span>
                </a>
            </div>
            <div>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo20.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo20-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo21.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo21-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo22.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo22-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo23.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo23-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo24.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo24-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo25.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo25-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo26.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo26-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo27.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo27-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo28.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo28-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo29.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo29-2.jpg"></span>
                </a>
                <a>
                    <i><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo30.jpg"></i>
                    <span><img src="https://file.xatianzhou.com/images/template/default/picture/hezuo30-2.jpg"></span>
                </a>
            </div>
        </div>
    </div>


</div>
<script>
    new Vue({
        el: '#indexDom',
        data: {

        },
        methods: {

        },
        created(){

        },
        delimiters: ['{%', '%}'],
    })

</script>
<script th:src="@{~/js/swiper-about.min.js}" type="text/javascript"></script>

<script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container.licheng-content', {
        autoplay: false, //自动滑动
    })
    $('.btn-prev').click(function () {
        mySwiper.swipePrev();
    })
    $('.btn-next').click(function () {
        mySwiper.swipeNext();
    })
</script>
<div th:replace="footer :: commonfooter"></div>
</body>
</html>
